<template>
  <el-carousel type="card" :interval="3000" height="300px">
    <el-carousel-item>
      <img src="../assets/1.jpg"/>
    </el-carousel-item>
    <el-carousel-item>
      <img src="../assets/3.jpg"/>
    </el-carousel-item>
    <el-carousel-item>
      <img src="../assets/4.jpg"/>
    </el-carousel-item>
  </el-carousel>
  <div>
    <el-button type="primary">确认</el-button>
    <el-button type="success" round>确认</el-button>
    <el-button type="info" plain>确认</el-button>
    <el-button class="hidden-sm-only" type="warning" :icon="Edit"  circle></el-button>
  </div>
  <div>
    <el-date-picker v-model="value1" type="date" placeholder="Pick a day">
    </el-date-picker>
  </div>
  <div>
    五星好评
    <el-rate allow-half :colors="['#409eff', '#67c23a', '#FF9900']" v-model="rate"></el-rate>
  </div>

</template>

<script>
import 'element-plus/theme-chalk/display.css'
import { Edit } from '@element-plus/icons-vue'
export default {
  name: "User",
  data(){
    return{
      Edit:Edit,
      value1:'',
      rate:2.7
    }
  },
  watch:{
    rate(val){
      console.log(val);
    }
  }

}
</script>

<style scoped>

</style>
